<!-- 注册 -->
<div class="registeredPage">

    <!-- 背景图片 -->
    <div class="bgcImg" style="background-image: url('assets/login/登录背景.png')"></div>
    <!-- 返回按钮 -->
    <div class="backImg" (click)="back()">
        <img src="assets/login/返回.svg">
    </div>
    <!-- 用户名、手机号、验证码、密码、确认密码等信息 -->
    <div class="registeredPageInfo">
        <!-- 用户名 -->
        <div>
            <ion-input placeholder="请输入您的用户名" clearInput="true"></ion-input>
        </div>
        <!-- 手机号 -->
        <div>
            <ion-input placeholder="请输入您的手机号" clearInput="true"></ion-input>
        </div>
        <!-- 验证码 -->
        <div class="verificationCode">
            <ion-input placeholder="请输入验证码" clearInput="true"></ion-input>
            <div class="verificationCodeBtn"
                 (click)="!isRequest?getVerificationCode():''"><span id="verificationCodeId"
                                                                     [ngStyle]="{'color':isRequest?'#999999':'#3ab0ff'}">{{verificationCodeTitle}}</span>
            </div>

        </div>
        <!-- 密码 -->
        <div>
            <ion-input placeholder="请输入您的密码" clearInput="true" type="password"></ion-input>
        </div>
        <!-- 确认密码 -->
        <div>
            <ion-input placeholder="请再次输入您的密码" clearInput="true" type="password"></ion-input>
        </div>
        <!-- 立即注册按钮 -->
        <div class="paddingTop16">
            <ion-button color="primary" expand="full">立即注册</ion-button>
        </div>
        <!-- 第三方登录分割线 -->
        <div class="dividingLine">
            <img src="assets/registered/线.png">
            <span>第三方登录</span>
        </div>


        <!-- 第三方登录信息 -->
        <div class="thirdPartyLogin">
            <ion-row>
                <ion-col (click)="toastFun()">
                    <img src="assets/login/QQ.svg">
                </ion-col>
                <ion-col (click)="toastFun()">
                    <img src="assets/login/微信.svg">
                </ion-col>
                <ion-col (click)="toastFun()">
                    <img src="assets/login/微博.svg">
                </ion-col>
            </ion-row>
        </div>

    </div>

</div>

